<!DOCTYPE html>
<html lang="en">
	<head>
		<title>历史记录</title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta charset="utf-8">
		<meta name="keywords" content="" />
		<script type="application/x-javascript">
			addEventListener("load", function() {
				setTimeout(hideURLbar, 0);
			}, false);

			function hideURLbar() {
				window.scrollTo(0, 1);
			}
		</script>
		<!-- bootstrap-css -->
		<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
		<!--// bootstrap-css -->
		<link rel="stylesheet" type="text/css" href="css/global.css" />
		<link rel="stylesheet" type="text/css" href="css/l-history.css" />
		<!-- font-awesome icons -->
		<link href="css/font-awesome.css" rel="stylesheet">
		<!-- //font-awesome icons -->
		<!-- font -->
		<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i" rel="stylesheet">
		<link href='https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700italic,700,400italic,300italic,300' rel='stylesheet'
		 type='text/css'>
		<!-- //font -->
		<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
		<script src="js/bootstrap.js"></script>

		<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<![endif]-->
	</head>
	<body>
		<div class="l-main l-container">
			<div class="l-history l-flex-item_c-just_c">
				
				<div class="l-list-width">
					
					<div class="l-head-nav">
						<ul class="l-flex l-head-ul l-flex-item_c l-flex-wrap">
							<li class="l-nav-item l-nav-item-disabled">
								首页
							</li>
							<li class="l-nav-item l-nav-item-disabled">
								家庭律师
							</li>
							<li class="l-nav-item">
								历史记录
							</li>
						</ul>
					</div>
					
					<div class="l-content">
						<ul class="l-scroll-view ">
							<script type="text/javascript">
								{
									var list = ['全部订单','待支付','待接单','服务中','待评价','已完成'];
									list.forEach(function(e,i) {
										document.write(
											'<li class="l-scroll-item '+(i == 0 ? 'l-scroll-item-active' : '')+'">'+e+'</li>'
										)
									})
								}
							</script>
							
						</ul>
						
						<div class="l-card-group l-flex l-flex-wrap">
							
							<script type="text/javascript">
								{
									var list = '123456789'.split('');
									
									list.forEach(function(e,i) {
										document.write(
											'<div class="l-card '+((i+1) % 3 === 0 ? 'l-card-not-margin' : '')+'">'+
											'	<div class="l-card-sub-view l-card-head l-flex l-flex-item_c-just_sb">'+
											'		<span>订单编号：2019092299399393</span>'+
											'		<span style="margin-left: 8px; white-space: nowrap;">待接单</span>'+
											'	</div>'+
											'	<div class="l-card-sub-view l-card-body">'+
											'		<div class="l-card-body-text l-card-body-title">法律咨询</div>'+
											'		<div class="l-card-body-text l-card-body-date">下单时间：2019-08-29 15:14</div>'+
											'		<div class="l-card-body-text l-card-body-price">金额：¥200</div>'+
											'		<div class="l-card-body-text l-card-body-content l-line-clamp2">基本案情：内容内容内容内容内容内容内容内容 内容内容内容内容</div>'+
											'	</div>'+
											'	<div class="l-card-sub-view l-card-foot l-flex l-flex-item_c l-flex-just_end">'+
											'		<button type="button" class="l-card-foot-btn"><a href="./history-detail.html">订单详情</a></button>'+
											'	</div>'+
											'</div>'
										)
									})
								}
							</script>
							
						</div>
						
						<div class="l-page-view l-flex l-flex-just_end">
							<div class="l-pages l-flex">
								<div class="l-pages-item">
									&lt;
								</div>
								<div class="l-pages-item">
									1
								</div>
								<div class="l-pages-item">
									2
								</div>
								<div class="l-pages-item">
									3
								</div>
								<div class="l-pages-item l-pages-item-not-border">
									...
								</div>
								<div class="l-pages-item">
									&gt;
								</div>
							</div>
						</div>
					</div>
			
					
				</div>
			
		</div>
	</body>
</html>
